@charset "utf-8";
/**
光龙网络
https://www.2014g.cn
**/
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_5o2b3b0qg7s.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_5o2b3b0qg7s.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_5o2b3b0qg7s.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_5o2b3b0qg7s.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_5o2b3b0qg7s.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_5o2b3b0qg7s.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'webBlack';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_o54cys6h0f9.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_o54cys6h0f9.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_o54cys6h0f9.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_o54cys6h0f9.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_o54cys6h0f9.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_o54cys6h0f9.svg#NotoSansHans-Black') format('svg'); /* iOS 4.1- */
}
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3{font-family: 'webBlack';font-size:100%;}
h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#727171;line-height:1.5;font-family:'webfont',Arial,Helvetica,sans-serif;min-width:320px;padding-top:120px;}
a{color:#727171;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#f08300;}


/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;background-repeat: no-repeat;}
.pd70{padding:70px 0;font-size:.985em;}
.mb50{margin-bottom:50px;}
.font14{font-size:.985em;}
.gray{background:#efefef;}





@font-face {
  font-family: 'iconfont';  /* project id 1152918 */
  src: url('//at.alicdn.com/t/font_1152918_lneehxm123r.eot');
  src: url('//at.alicdn.com/t/font_1152918_lneehxm123r.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1152918_lneehxm123r.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1152918_lneehxm123r.woff') format('woff'),
  url('//at.alicdn.com/t/font_1152918_lneehxm123r.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1152918_lneehxm123r.svg#iconfont') format('svg');
}


.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}


/* 头部 */
.header{position: fixed;width:100%;height:120px;z-index:90;left:0;top:0;background:#fff;box-shadow:0 0 8px #ddd;}
.header .logo{position:absolute;left:0;top:0;line-height:120px;} 
.nav {max-width:1080px;height:120px;width:100%;font-size:1.143rem;padding-top:60px;}
.nav .m{float:left;text-align:right;padding-left:1px;width:11.8%;height:60px;}
.nav .m:first-child{width:11%;}
.nav .m:nth-child(3){width:14.5%;}
.nav .m:nth-child(6){width:14.5%;}
.nav .m>a{color:#727171;display:inline-block;position:relative;height:100%;}
.nav .m>a::after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#f08300;width:100%;transform: scale(0,1);transform-origin:right;transition: transform .3s;}
.nav .m:hover>a,.nav .cur a{color:#f08300;}
.nav .cur>a::after{width:100%;transform: scale(1);transform-origin:left;}
.nav .sub{line-height:26px;position:absolute;z-index:90;top:120px;left:0;display:none;width:100%;padding:30px 0;}
.nav .sub::after{content:"";position: absolute;left:-50%;width:200%;height:100%;background:rgba(0,0,0,.8);top:0;z-index:-1;}
.nav .sub .left{background:#eee;width:30%;overflow:hidden;height:260px;}
.nav .sub .right{width:64%;}
.nav .sub .right a{float:left;font-size:.778em;position:relative;width:23%;padding:8px 10px 8px 15px;transition:color .2s ease-in-out;text-align:left;color:#fff;border-bottom:1px solid #ccc;background:url('../img/ly_li.png') no-repeat left;margin-left:2%;}
.nav .sub .right a:hover{color:#f08300;}
.nav .sub .right a:before{position:absolute;bottom:-1px;left:0;display:block;width:0;height:1px;content:'';-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out;background:#f08300;}
.nav .sub .right a:hover:before{width:100%;}
.nav .sub .img:hover img{transform:scale(1.1);}

.headR{position:absolute;;right:0;top:15px;right:0;color:#727171;}
.headR li{float:left;position:relative;z-index:5;font-size:.875rem;cursor:pointer;line-height:32px;}
.headR li i{float:left;width:20px;height:30px;background: url('../img/topIcon.png') no-repeat left center;}
.headR .info{position:absolute;background:#f1f1f1;line-height:24px;top:40px;display:;color:#666;width:120px;padding:5px;left:-55px;display:none;}
.headR .info::before{content:"";position:absolute;left:50%;top:-16px;border:8px solid transparent;border-bottom-color:#f1f1f1;}
.headR .tel{font-size:1.375em;font-family:Arial;margin-left:40px;position:relative;}
.headR .tel i{background-position: -20px center;margin-right:10px;}
.headR .tel::after{content:"";position: absolute;left:-20px;height:20px;border-left: 1px dotted #ccc;top:6px}

/*  导航按钮 */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#f08300;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}

/* 广告轮播图 */
.banner{position:relative;overflow:hidden;}
.banner img{width:100%;}
.banner .small{display:none;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:12px;height:12px;border:1px solid #f08300;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;}
.banner .swiper-button-white::after{content: "";position: absolute;left: -100px;width: 60px;height: 2px;background: #fff;top:50%;margin-top: -1px;opacity: 0;transition: all .3s;}
.banner .swiper-button-next::after{left: auto; right: 100px;}
.banner .swiper-button-white:hover::after{opacity: 1;left: 3px;}
.banner .swiper-button-next:hover::after{left: auto;right: 0;}
 
/* 搜索 */
.search{background:#ebebeb;overflow:hidden;}
.searL{float:left;width:50%;}
.searL h3{font-size:1.985em;color:#616060;}
.searL h3 strong{color:#f08300;font-size:1.2em;margin-left:4%;}
.searL p{color:#888;font-family:Arial;margin-bottom:10px;}
.searL .tel{font-size:1.857em;color:#f08300;font-family:Arial;font-weight:bold;background: url('../img/telIcon.png') no-repeat left center;padding-left:30px;}
.searL .zx{float:left; font-family:"iconfont";font-size:1.4rem;color:#727171;border-left: 1px dotted #ccc;margin-left:20px;padding-left:20px;line-height:1;margin-top:7px;}
.searL .zx:hover{color:#f08300;}
.searR{width:45%;}
.searR form{width:100%;border:1px solid #b2b2b2;height:58px;line-height:58px;padding:0 60px 0 30px;margin-bottom:15px;}
.searR form .text{float:left; width:100%;height:56px;line-height:56px;}
.searR form .btn{float:right;width:56px;height:56px;margin-right:-56px;background: url('../img/sBtn.png') no-repeat center;cursor:pointer;opacity:.8;}
.searR form .btn:hover{opacity:1;}

/* 我们的产品 */
.product,.adv,.process,.culture,.honor{background-image:url('../img/pro_bg.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment: fixed;position:relative;z-index:2;}
.hTie_top{margin-bottom:40px;overflow:hidden;}
.hTitle{font-size:2.625rem;color:#616060;line-height:1.4;}
.hTitle span{display:block;text-transform:Uppercase;font-size:12px;font-family:Arial;opacity:.8;}
.pro_tabMenu{width:75%;font-size:1.143em;overflow:hidden;padding-top:20px;text-align:right;}
.pro_tabMenu a{display:inline-block; margin-left:15px;position:relative;padding-left:12px;}
.pro_tabMenu a::after{content:"";position:absolute;left:10;width:3px;height:18px;background:#f08300;left:0;top:4px;}
.pro_tabMenu .on,.hMore:hover i{color:#f08300;}

.proMain{margin-right:-30px;}
.proMain li{float:left;width:25%;padding-right:30px;font-size:1.286em;}
.proMain li a{display:block;overflow:hidden;}
.proMain li .pImg{padding-top:76%;}
/*.proMain li .pImg::after{content:"";position: absolute;left:15px;top:15px;right:15px;bottom:15px;border:1px solid #fff;transform:scale(0) rotate(-180deg);opacity:0;transition:all .4s;}*/
.proMain li h4{height:75px;padding:15px 0;color:#616060;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.proMain li h4 i{font-style:normal;margin-left:15px;color:#999;font-size:14px;}
.proMain li a:hover img{transform: scale(1.1);}
.proMain li a:hover h4,.proMain li a:hover i{color:#f08300;}
/*.proMain li a:hover .pImg::after{transform:scale(1) rotate(0deg);opacity:1;}*/
.proMain li a:hover .pImg{background-color:#747373;}
.proMain li a:hover .pImg img{mix-blend-mode:overlay;} 
/* 技术研发 */
.RDC .title{padding-left:210px;font-size:1.857em;color:#f08300;}
.RDC .title i{float:left; font-style:normal;margin-left:-210px;font-size:1.615em;color:#616060;position: relative;top:-3px}
.RDC .title span{display:block;font-size:12px;font-family:Arial;color:#999;}
.hTie_top .tel{background: url('../img/telIcon.png') no-repeat left center;padding-left:25px;font-family:Arial;color:#f08300;font-size:1.857em;font-weight:bold;margin-top:10px;}

.RDC_main{margin-right:-20px;;}
.RDC_main li{float:left;padding-right:20px;margin-bottom:20px;width:50%;}
.RDC_main li a{background:#f7f7f7;overflow:hidden;display:block;height:230px;}
.RDC_main li .bgImg{float:left;width:46%;}
.RDC_main li .txt{float:right;background:#f7f7f7;width:54%;padding:5%;color:#777;position: relative;z-index:2;height:230px;}
.RDC_main li h4{font-size:1.857em;color:#616060;position:relative;padding-bottom:15px;margin-bottom:20px;}
.RDC_main li h4::after{content:"";position: absolute;left:0;bottom:0;width:20px;height:2px;background:#f08300;transition:all .3s;}
.RDC_main li a:hover .bgImg{transform: scale(1.1);}
.RDC_main li a:hover h4::after{width:100px;}

/* 技术研发 */
.adv{overflow:hidden;background-image: url('../img/adv_bg.jpg');}
.advL{width:31%;}
.advL .tie,.aboutL .tie{color:#f08300;font-size:2em;font-weight:bold;margin:45px 0 25px 0;}
.advL .txt{height:170px;margin-bottom:15px;}
.hMore i{font-style:normal;color:#999;margin-left:15px;}
.hMore:hover{padding-left:15px;}
.advR{width:64%;background:#fff;overflow:hidden;border-top: 1px solid #f08300;}
.advR li{float:left;width:50%;height:225px;padding:40px 4% 40px 11%;border-bottom: 1px solid #eaeaea;border-left: 1px solid #eaeaea;margin-left:-1px;margin-bottom:-1px;transition:all .3s;}
.advR li i{float:left; width:50px;height:47px;margin-left:-75px;transition:all .4s;}
.advR li h4{font-size:1.857em;color:#727171;position:relative;margin-bottom:20px;padding-bottom:10px;}
.advR li h4::after{content:"";position:absolute;left:0;bottom:0;width:20px;height:1px;background:#f08300;transition:all .3s;}
.advR li:hover{background:#f08300;color:#fff;}
.advR li:hover h4{color:#fff;}
.advR li:hover h4::after{background:#fff;width:50px;}
.advR li:hover i{background-position: 0 -47px;}

/* 解决方案 */
.solution{padding-bottom:40px;overflow:hidden;}
.solution .hTitle{margin-bottom:40px;}
.hTitle a{float:right;font-size:14px;background: url('../img/more.png') no-repeat left center;padding-left:20px;margin-top:15px;}
.solutionL{width:20%;background:#727171;font-size:1.143em;}
.solutionL li{height:75px;line-height:75px;border-bottom: 1px solid #5f5e5e;}
.solutionL li a{display:block;padding-left:15%;color:#fff;}
.solutionL li i{font-style:normal;margin-right:10px;}
.solutionL .on a{background:#f08300;}

.solutionR{width:80%;overflow:hidden;background:#efefef;height:600px;}
.solutionFont{padding-bottom:20px;margin-bottom:20px;border-bottom: 1px solid #d7d7d7;overflow: hidden;}
.solutionR .swiper-slide{padding:4%;overflow:hidden;}
.solutionFont .pic{width:48%;overflow:hidden;}
.solutionFont .txt{width:47%;}
.solutionFont img{transition:all .5s;}
.solutionFont h4{font-size:2em;color:#727171;margin-bottom:20px;}
.solutionFont h4 a{color:#727171;}
.solutionFont h4 a:hover{color:#f08300;}
.solutionFont:hover img,.solutionPic li:hover img{transform: scale(1.1);}
.solutionPic{margin-right:-1.5%;}
.solutionPic li{float:left;width:18.5%;padding-right:20px;padding-top:12%;margin-right:1.5%;overflow:hidden;}

/* 合作伙伴 */
.partner{padding-top:1px;padding-left:1px;overflow:hidden;}
.partner li{float:left;width:12.5%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;position: relative;transition:all .5s;}
.partner li .pImg{padding-top:62%;}
.partner li p{background:#f08300;color:#fff;height:32px;line-height:32px;text-align:center;padding:0 10px;position:absolute;left:0;bottom:-32px;width:100%;font-size:12px;transition:all .5s;}
.partner li:hover{z-index:2;border:1px solid #f08300;}
.partner li:hover p{bottom:0;}
.partner li:hover img{margin-top:-15px;}

/* 定制流程 */
.process{background-image:url('../img/process_bg.jpg');color:#fff;position:relative;overflow:hidden;}
.process .hTitle{text-align:center;color:#fff;margin-bottom:60px;}
.processMain{padding:0 10% 0 3%;font-size:1.286em;}
.processMain::after{content:"";position: absolute;;left:-50%;top:50%;width:200%;background:#fff;opacity:.2;height:1px;}
.processMain li{float:left;width:9.6%;text-align:center;margin-left:-2%;}
.processMain li span{display:block;margin-bottom:30px;}
.processMain li i{display:inline-block;font-style:normal;background:#fff;border-radius:100%;width:24px;line-height:24px;height:24px;font-size:12px;color:#727171;text-align:center;font-family:Arial;position: relative;border:1px solid #838181;box-shadow:0 0 0 3px #727171 inset;}
.processMain li i::after{content:"";position: absolute;width:5px;height:27px;background: url('../img/process_line.png') no-repeat left center;left:50%;margin-left:-3px;top:-27px;transform: rotate(180deg);}
.processMain li:nth-child(2n){padding-top:57px;}
.processMain li:nth-child(2n) i::after{transform: rotate(0);top:24px;}
.processMain li:nth-child(2n) span{margin-top:30px;margin-bottom:0;}
.process .zx{background:#727171;display:inline-block;width:180px;height:40px;color:#fff;text-align:center;line-height:40px;position: absolute;top:60%;left:50%;margin-left:600px;}
.process .zx i{font-family:"iconfont";margin-left:15px;font-style:normal;font-size:1.143em;}
.process .zx:hover{background:#f08300;}

/* 关于 */
.about{background:#f1f1f1;overflow:hidden;font-size:.985em;}
.aboutL{width:52%;padding-top:70px;}
.aboutL .hTitle{position:relative;padding-bottom:15px;margin-bottom:25px;}
.aboutL .hTitle::after{content:"";position: absolute;left:0;bottom:0;height:1px;width:15px;background:#727171;}
.aboutL .txt{min-height:160px;margin-bottom:20px;line-height:1.8;}
.aboutL .more{background: url('../img/more.png') no-repeat left center;padding-left:20px;}
.aboutR{width:42%;height:455px;display:block;overflow:hidden;}
.aboutR .bgImg{animation:scale 25s infinite;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}

/* 厂房车间 */
.setting{border-bottom: 1px solid #d9d9d9;overflow:hidden;}
.settingL{width:14%;}
.settingL a{display:block;height:116px;padding:32px 0 0 34px;background:#e9e9e9;border-left:5px  solid #dadada;margin-bottom:1px;font-size:1.429em;}
.settingL a span{display:block;font-family:Arial;font-size:12px;}
.settingL .on{background:#727171;color:#fff;border-left: 5px solid #006736;}

.settingR{width:85%;overflow:hidden;margin-right:-1px;}
.settingR li{padding-right:1px;margin-bottom:1px;float:left;width:25%;}
.settingR li a{display:block;overflow:hidden;padding-top:69%;}
.settingR li p{position: absolute;left:0;bottom:-50px;width:100%;padding:0 10px;background: rgba(0, 0, 0,.6);height:50px;line-height:50px;z-index:2;color:#fff;text-align:center;transition:all .5s;}
.settingR li:hover img{transform: scale(1.1);}
.settingR li:hover p{bottom:0;}

/* 新闻快讯 */
.newsMenu{font-size:1.571em;padding-top:10px;}
.newsMenu a{position:relative;color:#616060;margin-left:60px;display:inline-block;}
.newsMenu a::after{content:"";position:absolute;left:0;bottom:-10px;background:#727171;height:1px;transition:all .5s;width:0;}
.newsMenu .on{color:#727171;}
.newsMenu a.on::after{width:100%;}
.newsSlide{position: relative;overflow: hidden;}
.newsL{width:57.5%;overflow:hidden;}
.newsL li{float:left;width:48.5%;padding-bottom:15px;position: relative;}
.newsL li:after,.newsR li::after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background: #f08300;transition: transform .6s;transform: scale(0,1);transform-origin: right;}
.newsL li .pic{display:block;height:295px;overflow: hidden;}
.newsL li h4{font-size:1.333em;margin:20px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsL li p{height:50px;margin-bottom:20px;}
.newsL li h4 a{color: #727171;}
.newsL li h4 a:hover{color: #f08300;}
.newsL li:nth-child(2){float:right;}
.newsL li:hover .bgImg{transform: scale(1.08);} 
.newsL li:hover::after,.newsR li:hover::after{transform: scale(1);transform-origin: left;}
.newsL li .more{margin-left:15px;}
.newsL li .more i{font-style:normal;margin-left:10px;}

.newsR{width:38%;overflow:hidden;position:relative;}
.newsR li{color:#888;border-bottom: 1px dotted #aeaeae;margin-bottom:20px;position: relative;}
.newsR li a{display:block;height:103px;padding-left:100px;color:#666;}
.newsR li .date{font-size: .75rem;color: #999;font-family: Arial;line-height: 1.2;margin-left: -100px;transition: all .3s;}
.newsR li .date b{font-size: 3.667em;color: #727171;display: block;}
.newsR li h4{font-size:1.333em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;color:#727171;}
.newsR li a:hover{padding-left:0;}
.newsR li a:hover h4{color: #f08300;}
.newsR li:last-child{margin-bottom:0;border-bottom:none;}

/*底部 */
.footer{background:#e2e2e2;overflow:hidden;padding:50px 0 40px 0;font-size:.985em;color:#666;}
.footMenu{margin-bottom:30px;font-size:1.143em;overflow:hidden;}
.footL{width:56%;}
.footL .font{padding-left:120px;line-height:1.8;}
.footLogo{margin-left:-120px;}
.footLogo .txt{padding-top:10px;}
.footMenu a:first-child{display:none;}
.footL .btn a{display:inline-block;width:32px;height:32px;background: url('../img/footIcon.png') no-repeat;margin-right:8px;margin-top:5px;opacity:.8;}
.footL .btn a:nth-child(2){background-position: -32px 0;}
.footL .btn a:hover{opacity:1;}
.footR{width:44%;padding-left:180px;}
.footR .tie{float:left; font-size:1.429em;margin-left:-180px;color:#999;}
.footR .tie i{font-style:normal;margin-right:8px;color:#f08300;}
.footR .tel{padding-left:10%;}
.footR .tel h4{margin-bottom:15px;}
.footR .tel h4 span{font-size:1.857em;display:block;color:#f08300;font-family:Arial;font-weight: bold;}
.footR .tel h4:nth-child(2) span{font-size:1.429em;}
.footWx img{width:120px;margin-bottom:10px;}
.footer a{color:#666;}
.footMenu a{color:#727171;margin-right:30px;}
.footer a:hover,.footMenu a:hover{color:#f08300;}
.firendlink{background:#727171;padding:15px 0;font-size:.75rem;}
.firendlink span{color:#fff;margin-right:25px;}
.firendlink a{margin:0 15px;color:#fff;}

/*内页公用 */
.listWrap{overflow:hidden;padding:70px 0;font-size:.875rem;}
.listBanner,.mzsmBanner{height:450px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;}
.listBanner h3{position:absolute;color:#fff;top:50%;font-size:2.5rem;text-transform:uppercase;width:100%;font-weight:700;padding-bottom:15px;animation:leftPic 1s;max-width:1600px;min-width:360px;left:50%;-webkit-transform: translate(-50%); -moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%); transform:translate(-50%);}
.listBanner h3 span{display: block;font-size:12px;font-weight: 400;opacity: 0.5;}
.breadCrumb{font-size:.875rem;padding:25px 20px 25px 20px;position:relative;overflow:hidden;border-bottom: 1px solid #d9d9d9;}
.breadCrumb::after{content:"\e646";position:absolute;left:0;font-family:"iconfont"} 
.breadCrumb .back{float:right;position:relative;color:#f08300;border:1px solid #f08300;line-height:26px;width:90px;text-align:center;}
.breadCrumb .back i{font-family:"iconfont";margin-right:5px;}
.breadCrumb .back:hover{background:#f08300;color:#fff;}
.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding:0 50px 0 65px;background:#f5f5f5;}
.proSear .btn{height:50px;line-height:50px;width:50px;text-align:center;font-size:16px;background:#727171 url('../img/sIcon.png') no-repeat center;color:#fff;cursor:pointer;transition:all 0.3s;float:left;margin-right:-50px;}
.proSear .txt{height:48px;line-height:48px;border-right:none;width:100%;padding:0 10px;float:left}
.proSear .btn:hover{background-color:#111;}
.listWrap{padding-bottom:60px;font-size:.985em;overflow:hidden;}
@keyframes leftPic
{
  0%   {opacity:0;padding-top:60px;}
  100% {opacity:1;padding-top:0;}
}

/*内页公用菜单*/
.listMenu{background: rgba(239,130, 0,.8);height:70px;line-height:70px;margin-top:-70px;position: relative;z-index:3;font-size:1rem;}
.listMenu a{float:left;color:#fff;position:relative;margin-right:1%;}
.listMenu a::after{content:"";position: absolute;left:0;bottom:0;height:2px;bottom:1px;background:#fff;width:0;transition:all .4s;}
.listMenu a:hover::after,.listMenu .cur::after{width:100%;}


/* 关于我们 */
.conBox{padding:70px 0;font-size:.985em;overflow:hidden;}
.aboutBox1{background:none;}
.listTie{text-align:center;color:#616060;margin-bottom:40px;padding-bottom:10px;position:relative;font-size:3em;}
.listTie::after{content:"";position: absolute;left:50%;width:30px;margin-left:-15px;height:2px;background:#f08300;bottom:0;}
.aboutL .tie{margin-top:0;}
.aboutBox1 .txt{overflow-y:auto;height:480px;}
.aboutBox1 .aboutR{width:48%;height:500px;}
.aboutBox1 .aboutL{padding-top:0px;width:48%;}

.cultureL{width:60%;height:534px;overflow:hidden;}
.cultureL .big{height:534px;width:75%;overflow:hidden;}
.cultureL ul{float:right;width:25%;padding-left:1px;}
.cultureL li{height:177px;margin-bottom:1px;}
.cultureR{width:40%;background:#fff;height:535px;padding:2% 2%;font-size:14px;color:#666;line-height:1.8;}
.partner ul{padding-left:1px;overflow:hidden;padding-top:1px;}

.honor{position: relative;background-image: url('../img/adv_bg.jpg');}
.honor li{float: left;width: 25%;}
.honor li .pImg{padding-top:68%; background:#fff;}
.honor li p{text-align: center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:15px;}
.honor li a:hover img{transform:scale(1.08);}
.honor .swiper-pagination{position: static;margin-top:30px;}
.honor .swiper-pagination-bullet,.settingSlide .swiper-pagination-bullet{border:1px solid #fff;width:12px;height:12px;opacity:1;}
.honor .swiper-pagination-bullet-active{background: #f08300;}

/* 图片列表 */
.picList ul{margin-right:-30px;}
.picList li{width:25%;text-align:center;float:left;padding-right:30px;margin-bottom:30px;}
.picList li a{display:block;overflow:hidden;}
.picList li .pImg{padding-top:70%;border:1px solid #e1e1e1;}
.honorList li .pImg{padding-top:68%;}
.picList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#727171;z-index:2;position:relative;margin-top:20px;}
.picList li a:hover img{transform:scale(1.1);}
.picList li a:hover p{color:#f08300;}
.partnerList{background:none;}
.partnerList ul{padding-left:1px;}

/* 产品列表 */
.proWrap{background:#efefef;padding:80px 0;font-size:.875rem;}
.menuSub{text-align:center;margin-bottom:30px;overflow:hidden;}
.menuSub a{display:inline-block;padding:0 25px;border:1px solid #ccc;margin:0 5px;height:45px;line-height:43px;margin-bottom:10px;}
.menuSub a:hover,.menuSub .cur{background:#f08300;color:#fff;border:1px solid #006936;}
.proList li{float:left;width:25%;padding-right:30px;font-size:1.286em;}
.proList li a{display:block;overflow:hidden;}
.proList li .pImg{padding-top:76%;}
.proList li .pImg::after{content:"";position: absolute;left:15px;top:15px;right:15px;bottom:15px;border:1px solid #f08300;transform:scale(0) rotate(-180deg);opacity:0;transition:all .4s;}
.proList li h4{height:75px;padding:15px 0;color:#616060;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .3s;}
.proList li h4 i{font-style:normal;margin-left:15px;color:#999;font-size:14px;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover h4,.proList li a:hover i{color:#f08300;}
.proList li a:hover .pImg::after{transform:scale(1) rotate(0deg);opacity:1;}
.searList ul{margin-right:-1px;}



/*  产品详情 */
.proShow_box1{overflow:hidden;margin-bottom:50px;border:1px solid #ddd;}
.proShowTop{overflow:hidden;margin-bottom:50px;}
.gallery{width:50%;position:relative;border-right:solid 1px #ddd;}
.gallery .gallery-top{position:relative;border-bottom: 1px solid #ddd;}
.gallery img{width:100%;}
.gallery-top .pImg{padding-top:76%;}
.gallery-top li a{position:relative;padding-top:81%;}
.gallery-thumbs{position: absolute;z-index:10;bottom:0;right:0;width:100%;left:100%;border-top: 1px solid #ddd;margin-left:1px;}
.gallery-thumbs li{border-right:1px solid #bdc4ce;padding-top:14%;cursor:pointer;width:20%;position: relative;}
.gallery-thumbs li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;}
.gallery-thumbs .on::after{border:2px solid #f08300;}
.gallery .btn{background:#727171;width:60px;height:35px;line-height:35px;text-align:center;color:#fff;opacity:.8;display:none;}
.gallery .swiper-button-prev{left:0;}
.gallery .swiper-button-next{right:0;left:auto;}
.gallery .btn:hover{background:#f08300;}

.proShow_R{width:50%;overflow:hidden;line-height:1.8;padding:3% 4%;}
.proShow_R .bshare-custom{margin-top:10px;}
.proShow_R .title{margin-bottom:20px;color:#727171;}
.proShow_R .title span{display:block;font-size:1.778em;color:#f08300;}
.proShow_R .font{min-height:160px;line-height:2;margin-bottom:20px;border-bottom: 1px solid #ddd;padding-bottom:20px;}
.proShow_R li{float: left;width:25%;border-right: 1px dotted #ddd;text-align:center;font-size:1.143em;}
.proShow_R li i{display:inline-block;width:37px;height:37px;background: url('../img/show_Icon.png') no-repeat;}
.proShow_R li:nth-child(2) i{background-position: -37px 0;}
.proShow_R li:nth-child(3) i{background-position: -74px 0;}
.proShow_R li:nth-child(4) i{background-position: -111px 0;}
.proShow_R li span{display: block;}
.proShow_R .btn{margin-top:30px;overflow:hidden;}
.proShow_R .btn a{width:40%;height:50px;line-height:50px;float:left;text-align:center;border:1px solid #f08300;margin-right:25px;background:#f08300;color:#fff;}
.proShow_R .btn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;font-size:1.286rem;line-height:1;top:2px;}
.proShow_R .btn a:nth-child(2){border:1px solid #ddd;color:#727171;background:none;}
.proShow_R .btn a:hover{border:1px solid #ddd;background:#727171;color:#fff;}
.proShow_menu{margin-bottom:10px;text-align:center;overflow: hidden;}
.proShow_menu a{width:150px;height:40px;line-height:40px;border:1px solid #dcdcdc;display:inline-block;margin:0 10px;color:#727171;border-radius:20px;}
.proShow_menu .on,.proShow_menu a:hover{background:#f08300;border:1px solid #f08300;color:#fff;}
.proShow_fix{position: fixed;width:100%;top:0;left:0;background:#fff;padding:20px;box-shadow:0 0 10px #ccc;z-index:10;}
.proTie{height:50px;line-height:50px;border-bottom:1px solid #dcdcdc;font-size:1.5em;margin-bottom:25px;}
.proTie span{display:inline-block;border-bottom:1px solid #f08300;;color:#f08300;height:50px;}
.proShow_con .main img{display:block;text-align:center;margin:0 auto;clear:both;}
/* 光学透镜定制 */
.madeBox1 .pic{height:430px;width:38%;overflow:hidden;}
.madeBox1 .font{width:58%;}
.madeBox1 .font h4{font-size:2em;color:#616060;margin-bottom:40px;}
.madeBox1 .font h4 span{display:block;font-size:1.514em;font-weight:bold;}
.madeBox1 .font h4 strong{color:#f08300;}
.madeBox1 .txt p{margin-bottom:10px;}
.madeBox1 .zx{width:220px;height:40px;line-height:40px;background:#f08300;color:#fff;float:left;text-align:center;}
.madeBox1 .txt{min-height:160px;margin-bottom:20px;}
.madeBox1 .zx i{font-style:normal;margin-left:10px;}
.madeBox1 .tel{font-size:1.714em;font-family:Arial;color:#616060;line-height:40px;margin-left:8%;padding-left:35px;position:relative;}
.madeBox1 .tel::after{content:"\e603";position: absolute;left:0;top:2px;font-family:"iconfont";line-height: 1;}
.madeBox1 .zx:hover{background:#006936;}

.madeBox2{background:url('../img/madeform_bg.jpg') no-repeat center;margin-bottom:80px;overflow:hidden;padding-left:60px;background-size:cover;}
.madeBox2 form{max-width:1110px;}
.madeBox2 .text{margin-right:-2%;overflow:hidden;}
.madeBox2 .text input{float:left; width:31.3%;margin-right:2%;background:#fff;height:48px;line-height:48px;padding:0 15px;}
.madeBox2 .checkbox{padding:20px 0;overflow:hidden;}
.madeBox2 .checkbox label{float:left;margin-right:25px;}
.madeBox2 .checkbox label input{float:left;width:15px;height:15px;background:#fff;border:1px solid #ddd;margin-top:3px;margin-right:4px;}
.madeBox2 textarea{height:110px;width:100%;background:#fff;padding:15px;} 
.madeBox2 .code{margin-top:10px;overflow:hidden;} 
.madeBox2 .code .c{background:#fff;height:40px;line-height:40px;width:160px;padding:0 10px;}
.madeBox2 img{padding:9px;background:#fff;border-left: 1px solid #ddd;}
.madeBox2 .sub{background:#f08300;width:20%;color:#fff;height:40px;line-height:40px;cursor:pointer;transition:all .3s;}
.madeBox2 .sub:hover{background:#006936;}

/* 实力 */
.strength{background:#efefef;overflow:hidden;}
.strength li{overflow:hidden;padding-bottom:50px;margin-bottom:50px;border-bottom: 1px solid #d7d7d7;}
.strength .pic{width:45%;}
.strength .txt{width:50%;padding-top:15px;}
.strength .txt h4{color:#616060;font-size:2.286em;margin-bottom:40px;}
.strength .txt h4 strong{color:#f08300;}
.strength .zx{width:220px;height:40px;line-height:40px;display:inline-block;background:#f08300;color:#fff;color:#fff;text-align:center;margin-top:40px;}
.strength .zx i{margin-left:15px;font-style:normal;}
.strength .zx:hover{background:#00582e;}
.strength li:nth-child(2){padding-bottom:0;margin-bottom:0;border-bottom:none;}





/* 方案与应用 */
.solutionIndex{background:none;font-size:.985em;}
.solutionIndex li{background:#ededed;overflow:hidden;margin-bottom:20px;}
.solutionIndex li .pic{width:50%;overflow:hidden;display:block;height:430px;}
.solutionIndex li .txt{width:50%;padding:4%;position:relative;}
.solutionIndex li h4{font-size: 2.143em;font-weight:normal;position:relative;padding-bottom:15px;margin-bottom:30px;}
.solutionIndex li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#f08300;width:15px;transition:all 0.4s; }
.solutionIndex li h4 a{color:#727171;}
.solutionIndex li .txt .info{min-height:130px;}
.solutionIndex li .more{text-align:center;display:inline-block;font-size:12px;font-family:Arial;margin-top:25px;width:160px;border:none;height:46px;line-height:46px;color:#fff;background:#f08300;}
.solutionIndex li .more:hover{width:220px;color:#fff;border:none;}
.solutionIndex li:nth-child(2n) .txt{float:left;} 
.solutionIndex li:nth-child(2n) .pic{float:right;}
.solutionIndex li:hover .bgImg{transform: scale(1.05);}
.solutionIndex li h4 a:hover{color:#f08300;}

.picSlide{position:relative;margin-bottom:40px;}
.picSlide img{width:100%;}
.picSlide-top .pImg{padding-top:56%;}
.picSlide-thumbs{margin-top:1px;}
.picSlide-thumbs li{border-right:1px solid #fff;padding-top:12%;cursor:pointer;width:16.66%;position: relative;}
.picSlide-thumbs li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;background: #f08300;opacity:.7;transform: scale(0);transition:all .3s;}
.picSlide-thumbs .on::after{transform: scale(1);}
.picSlide .swiper-button-next,.picSlide .swiper-button-prev{top:45%;background:rgba(255, 255, 255,.5);text-align:center;width:90px;height:50px;line-height:50px;color:#fff;font-size:24px;font-family:Arial;transition:all .3s;}
.picSlide .swiper-button-prev{left:0;}
.picSlide .swiper-button-next{right:0;left:auto;}
.picSlide .swiper-button-next:hover,.picSlide .swiper-button-prev:hover{background:#f08300;}

/* 常见问题 */
.faq{background:#efefef;}
.faqList li{float:left;width:50%;padding-right:10px;margin-bottom:10px;font-size:12px;}
.faqList li:nth-child(2n){float:right;}
.faqList li a{display:block;background:#fff;padding:4% 5%;color:#999;height:135px;}
.faqList li h4,.faqList li p{padding-left:35px;}
.faqList li i{font-style:normal;width:24px;height:24px;background:#f08300;color:#fff;font-size:12px;text-align:center;line-height:24px;margin-left:-35px;float:left;}
.faqList li p i{background:none;border:1px solid #ccc;color:#999;}
.faqList li h4{font-size:16px;color:#616060;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.faqList li a:hover h4{color:#f08300;}
.faqList li a:hover{box-shadow:0 0 10px #ccc;}
.faqList2 li a{border:1px solid #ddd;}

/* 新闻列表 */
.newsTop{overflow:hidden;padding-bottom:50px;margin-bottom:50px;border-bottom: 1px solid #ddd;}
.newsTop li{background:#f3f3f3;overflow:hidden;float:left;width:49%;height:280px;}
.newsTop li .pic{width:50%;float:left;height:280px;overflow:hidden;}
.newsTop li .txt{width:50%;padding:4%;background:#f3f3f3;}
.newsTop li .txt h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;}
.newsTop li .txt h4 a{color:#727171;}
.newsTop li .txt h4 a:hover{color:#ec0000;}
.newsTop li .txt h4 span{display:block;font-size:;font-family:Arial;color:#999;font-size:0.75rem;margin-top:5px;}
.newsTop li p{height:110px;overflow:hidden;margin-bottom:10px;}
.newsTop li:hover .bgImg{transform:scale(1.1);}
.newsTop li:nth-child(2n){float:right;}

.newsList{overflow:hidden;font-size:.813rem;}
.newsList ul{margin-right:-40px;}
.newsList li{float:left;padding-right:40px;width:25%;margin-bottom:40px;}
.newsList li a:hover {box-shadow:0 0 10px 0 rgba(0,0,0,.1);}
.newsList li a{display:block;color:#888;padding: 0 30px;}
.newsList li .pImg{padding-top:68%;}
.newsList li h3{font-size:1.231em;color:#727171;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:20px 0;}
.newsList li p{height:70px;padding-bottom:10px;border-bottom:1px solid #d9d9d9;margin-bottom:20px;}
.newsList li .txts{	font-size:14px;height:72px;line-height:24px;color:#666;margin:10px 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList li a:hover img{transform:scale(1.1);}
.newsList li a:hover h3{color:#f08300;}
.newsList li .time {	font-size:48px;	font-weight:bold;	line-height:50px;font-family: 'webBlack';color:#888;padding:22px 0 15px;
	background:url(../img/icon20.png) right 54px no-repeat;border-bottom:1px solid #d9d9d9;transition:all ease .3s;}
.newsList li .time span {font-size:16px;	line-height:20px;display:block;}
.newsList li:hover .time {color:#222;}
/* 新闻详情 */
.picShow_l{width:68.5%;overflow:hidden;}
.showTitle{font-size:2.571em;color:#727171;margin-bottom:8px;}
.newsShow .txt .date{margin-right:15px;}
.showTie{overflow:hidden;margin-bottom:40px;}
.showTie h2{font-size:1.714em;color:#727171;margin-bottom:25px;}
.showTie .txt span{color:#454545;position:relative;padding-left:22px;font-size:1.143em;margin-right:15px;}
.showTie .txt span:before{content:"\e62e";font-family:"iconfont";position:absolute;left:0;top:-1px;}
.showTie .txt .s:before{content:"\e735";font-size:1.2rem;top:-2px;}
.showTie .bshare-custom{margin-top:-30px;}
.newsShow .showTie p{font-size:.75rem;color:#999;}
.showCon{overflow:hidden;margin-bottom:40px;}
.show-synopsis{background:#f7f8fa;padding:15px;margin-bottom:40px;}
.show-synopsis i{display:inline-block;width:15px;background: url('../img/a_l.png') no-repeat;height:15px;margin-right:5px;}
.show-synopsis .r{background: url('../img/a_r.png') no-repeat;margin-left:5px;margin-right:0;}
.showCon ol{list-style-type: decimal;}
.showCon ol li{list-style: normal;list-style-position:inside;list-style-type: decimal;margin:10px 10px;}
.showCon li::marker{}
.picShow_r{width:27%;overflow:hidden;}
.picShow_r .title{font-size:1.429em;color:#727171;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}
.picShow_r .title span{display:inline-block;border-bottom: 1px solid #f08300;height:40px;}
.picShow_r .title a{float:right;font-size:12px;margin-top:4px;}
.picShow_r li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}
.picShow_r li .pImg{width:35%;float:left;padding-top:26%;margin-right:20px;}
.picShow_r li h4{font-size:15px;margin-bottom:10px;}
.picShow_r li h4 a{color:#222;}
.picShow_r li h4 a:hover{color:#f08300;}
.picShow_r li:hover img{transform: scale(1.1);}
.picShow_r li:last-child{border-bottom:none;}
.showPage{height:90px;line-height:90px;overflow:hidden;background:#f1f1f1;}
.showPage a{float:left;width:43%;padding:0 20px;}
.showPage a i{font-style:normal;font-family:"宋体";font-weight:bold;padding-left:10px;margin-left:10px; border-left: 1px dotted #ccc;}
.showPage a:nth-child(2){float:right;text-align:right;}
.showPage a:nth-child(1) i{padding:0 10px 0 0;margin:0 10px 0 0; border-right: 1px dotted #ccc;border-left:none;}
.showPage a:nth-child(3){width:14%;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.showPage a:hover{background:#f08300;color:#fff;}
.side_phone{margin-top:30px;color:#727171;}
.side_phone h4{margin-top:15px;background: url('../img/p_icon.png') no-repeat left center;padding-left:45px;margin-left:40px;line-height:1.2;overflow:hidden;font-size:13px;margin-bottom: 15px;color:#666;padding-top:10px;}
.side_phone h4 span{display:block;font-size:28px;font-family:Arial;color:#727171;margin-top:5px;}
.side_phone img{border:1px solid #d2d2d2;float:left;margin-right:30px;}


/* 联系我们 */
.mb60{overflow: hidden;margin-bottom:60px;}
.contactBox1{border-top: 1px solid #d9d9d9;padding-top:50px;}
.cTie{font-size:2.143em;color:#616060;margin-bottom:20px;} 
.contactBox1 ul{background:#efefef;overflow:hidden;}
.contactBox1 li{float:left;width:25%;border-right:1px solid #d9d9d9;min-height:180px;padding:3% 2% 1% 4%;font-size:1.125em;}
.contactBox1 li span{display: block;position:relative;margin-bottom:10px;}
.contactBox1 li span::after{content:"\e6ee";position:absolute;left:-30px;font-family:"iconfont";font-size:1.125rem;}
.contactBox1 li:nth-child(2) span::after{content:"\e60b";}
.contactBox1 li:nth-child(3) span::after{content:"\e63a";}
.contactBox1 li:nth-child(4) span::after{content:"\e646";}
.contactBox1 li strong{display:block;font-size:1.714em;color:#727171;}
.contactBox1 li:last-child{border-right:none;}
.conBox2_L{width:60%;position:relative;font-size:.875rem;padding-top:30px;}
.conBox2_L h2{margin-right:6%;}
.conBox2_R{max-width:40%;}
.conBox2_R p{padding-top:30px;}
.conBox2_R img{width:173px;padding:11px 11px 1px 1px;}
#dituContent{width:100%;height:560px;}

/* 在线留言*/
.feedback{background:#efefef;}
.feedbackL{width:24%;height:380px;float:left;}
.feedbackR{width:72.5%;float:right;}
.feedback p{width:49%;float: left;;height: 60px;line-height: 60px;position: relative;padding:0 15px 0 60px;margin-bottom: 10px;position: relative;border: 1px solid #ccc;background:#fff;}
.feedback p:nth-child(2n){float:right;}
.feedback p input{width: 100%;height: 100%;}
.feedback .tarea{width: 100%;height: 160px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}
.feedback i{content: "";font-family: "iconfont";color: #a0a0a0;font-style: normal;float: left;margin-left: -30px;font-size: 1rem;}
.feedback textarea{width: 100%;height: 100%;}
.feedback .code{clear: both;}
.feedback .code input{height: 60px;line-height: 60px;border: 1px solid #ddd;background:#fff;}
.feedback .code .c{width: 20%;padding: 0 15px;}
.feedback .code img{padding:19px;background:#fff;}
.feedback .code .sub {background: #f08300;width: 30%;cursor: pointer;transition: all .3s;color: #fff;}
.feedback .sub:hover{background:#004222;}